import React, { useEffect, useState } from 'react'

import { useLocation } from 'react-router-dom';
import axios from 'axios';

import { Button, Table,Space } from 'antd';
// const { Column } = Table
axios.defaults.baseURL = 'http://localhost:3005/'
export default function Detail() {
    const [record, setrecord] = useState(JSON.parse(sessionStorage.getItem('record') || '[]'));


    const [list, setList] = useState([])

    const getList = async () => {
        let res = await axios.get('doclist')
        console.log(res.data.list);
        setList(res.data.list)
    }

    useEffect(() => {
        getList()
    }, [])

    const columns = [
        {
            title: 'ID',
            dataIndex: 'id',
            key: 'id',
            
        },
        {
            title: '医生姓名',
            dataIndex: 'name',
            key: 'name',
        },
        {
            title: '科室',
            dataIndex: 'ke',
            key: 'ke',
        },
        {
            title: '职称',
            dataIndex: 'duties',
            key: 'duties',
        },
        {
            title: '第一执业医院',
            dataIndex: 'yi',
            key: 'yi',
        },
        {
            title: '类型',
            dataIndex: 'ty',
            key: 'ty',
        },
        {
            title: '医生开通账号情况',
            dataIndex: 'state',
            key: 'state',
            render: (a) => { return <span>{a ? '已开通' : '未开通'}</span> }
        },
        {
            title: '操作',
            key: 'action',
            render: (_: any, record: any) => (
                <Space size="middle">
                    <a href="">查看</a>
                    <a href="">移除</a>
                </Space>
            ),
        },
    ];

    return (
        <div>
            <div className='z_box1'>
                <div className='z_box1-1'>
                    <div className='z-box1'>
                        <h3>{record.name}</h3>
                        <h4>{record.hospital}</h4>
                    </div>
                    <Button>编辑信息</Button>
                </div>
                <div className='z_box1-2'>
                    <p>科室简介</p>
                    <p className='z_p'>
                        {/* 心血管内利由心力嘉姆诊治中心、高血压诊治中心、心律失常诊治中心、冠心病诊治中心、
                        肺血管病诊治中心等中心组成北京鱼外医院202年9月成立了心力意调监护应房，
                        建文心力意调走者住院的经色调道，以期改营当前晚期山京球者住院准、疗效差、预后坏的状况。经过3年成功的成运行，
                        为了进一步保案心力意调的发生、发展机制的现范化合疗，探家治疗干预前容，于2005年3月正式成文了心办来调诊治中心，
                        以保进心力意鸡的医，数、研工作的发展，首任中心主任由身外医院剧院长，
                        心内科主任，中国营名心内科专家杯政涉教投装任。至今已收合名种向团的重症山力京鸡患者约2500例，
                        心力套询诊治中心，坚持以心力袁询现范化的发治为中心(一个中心);
                        以指导人才始养和药物临床资验两大开放式平台(两大平台)为局向;
                        以连立多学平物作、新技术应用和内、外科标深为隆念(三大理含);
                        以促造0力囊泻的医、教、研和防四大工作一体综合发展为目标(四大目标)。 */}
                        {record.content}
                    </p>
                </div>
                <div className='z_box1-3'>
                    <p>更多信息</p>
                    <table>
                        <tr>
                            <td className='zleft'>科室名称：</td>
                            <td style={{ padding: '0 10px', fontWeight: 'bold', color: '#555555' }}>{record.name}</td>
                        </tr>
                        <tr>
                            <td className='zleft'>科室ID:</td>
                            <td style={{ padding: '0 10px', fontSize: '20px', color: '#7f8396' }}>0098</td>
                        </tr>
                        <tr>
                            <td className='zleft'>联系电话:</td>
                            <td className='a1'>027-00011234</td>
                        </tr>
                        <tr>
                            <td className='zleft'>创建时间:</td>
                            <td className='a1'>2021-09-01 12:12:12</td>
                        </tr>
                        <tr>
                            <td className='zleft'>更新时间:</td>
                            <td className='a1'>2021-09-01 12:12:12</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div className='z_box2'>
                <div className='z-box2'>
                    <div>
                        <p>科室医生</p>
                    </div>
                    <Button>添加医生</Button>
                </div>
                <Table dataSource={list} columns={columns} pagination={false} >
                    {/* <Column title='ID' key='id' dataIndex='id'></Column>
                    <Column title='医生姓名' key='name' dataIndex='name'></Column>
                    <Column title='科室' key='ke' dataIndex='ke'></Column>
                    <Column title='职称' key='duties' dataIndex='duties'></Column>
                    <Column title='第一执业医院' key='yi' dataIndex='yi'></Column>
                    <Column title='类型' key='ty' dataIndex='ty'></Column>
                    <Column title='医生开通账号情况' key='state' dataIndex='state'
                        render={(a, b) => { return <span>{a ? '已开通' : '未开通'}</span> }}></Column>
                    <Column title='操作' key='action' ></Column> */}
                </Table>
            </div>
        </div>
    )
}
